<template>
  <div class="flow-row">
    <div class="flow-end-box">
      <div class="flow-item">
        <div class="flow-end">
          <div>
            结束
            <div>
              <SvgIcon  @click="openApiConvert(node)" name="ele-Tools" :size="20" style="margin-left: 10px" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <el-drawer
        v-model="state.convertVisible"
        title="接口转化参数配置"
        direction="ltr"
        size="60%"
    >
      <div style="margin:10px;">
        <lite-flow-convert :targetCode="props.node.funcCode"></lite-flow-convert>
      </div>
    </el-drawer>

  </div>
</template>
<script lang="ts" setup name="ServiceEndNode">
import LiteFlowConvert from '@/views/apiCenter/ApiLiteFlow/component/LiteFlowConvert.vue';


const props = defineProps({
  node: {
    type: Object,
    default: function() {
      return {};
    },
  },
});

const state = reactive({
  convertVisible:false,
});

function openApiConvert(node){
  state.convertVisible = true;
}
</script>

